<template>
	<view class="flex-col page">
		<view class="cu-bar search bg-white">
			<van-cell-group>
			  <van-field v-model="value" label="文本" placeholder="请输入用户名" />
			</van-cell-group>
		</view>
		<view class="grid">
			<navigator :url="item.url" class="grid-item" v-for="(item,index) in menulist" :key="index">
				<image mode="aspectFit" :src="item.icon" class="icon" />
				<view>{{item.text}}</view>
			</navigator>
		</view>
	   
	</view>
</template>

<script>
	export default {
	  components: {},
	  data() {
	    return {
			value:'',
	      list_bUqUbFvr: [null, null, null, null, null, null],
		  menulist: [{
		  		icon: 'https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/61a6df60dc329c0011115679/62b1854fc1c22a0011ec2d62/16563176317030846348.png',
		  		text: '邀请到店',
		  		url: '/page_admin/coach-side/coach-side'
		  	},
		  	{
		  		icon: 'https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/61a6df60dc329c0011115679/62b1854fc1c22a0011ec2d62/16563176317059448569.png',
		  		text: '发送通知',
		  		url: '/page_admin/mobile-write-offs/mobile-write-offs'
		  	},
		  	{
		  		icon: 'https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/61a6df60dc329c0011115679/62b1854fc1c22a0011ec2d62/16563183255822698648.png',
		  		text: '客户权益',
		  		url: '/page_admin/system-log/system-log'
		  	},
		  	{
		  		icon: 'https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/61a6df60dc329c0011115679/62b1854fc1c22a0011ec2d62/16563183255855194829.png',
		  		text: '节日问候',
		  		url: '/'
		  	}
		  ]
	    };
	  },
	  methods: {},
	};
</script>

<style lang="scss" scoped>
	
.page {
  background-color: rgb(255, 255, 255);
  width: 100%;
  overflow-y: auto;
  height: 100%;
  
  .grid {
  	margin-top: 40rpx;
  	display: grid;
  	grid-template-columns: repeat(4, 1fr);
  	row-gap: 21rpx;
  	.grid-item{
  		color: rgb(51, 51, 51);
  		font-size: 26rpx;
  		font-family: PingFang SC;
  		font-weight: 500;
  		display: flex;
  		 padding: 6.5rpx 0 15rpx;
  		flex-direction: column;
  		align-items: center;
  		image{
  			 width: 96rpx;
  			  height: 96rpx;
  			  margin-bottom: 20rpx;
  		}
  	}
  }
  
}
</style>
